<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>


</h:head>

<body background="images/fundo.jpg" >

<img src="images/fundo.jpg" />

	<div id="tudo"
		style="width: 947px; height: 610px; margin: 0 auto; margin-top: 3px; padding: 0 auto; border: 1px solid blue;">

		<!--                      -#-   TOPO   -#-                          -->
		<div
			style="height: 100px; background-color: #4682B4; border: 1px solid blue;">
			<br /> <span
				style="text-align: center; font-size: 16px; font-family: serif; font-family: Times New Roman red-serifs;">
				<h2>
					<h:outputText value="SisGeP - Sistema de Gereciamento Pessoal" />
				</h2>
			</span>
		</div>

		<!--                      -#-   CORPO   -#-                          -->
		<div
			style="width: 940px; height: 500px; border: 1px solid #666; float: left; margin-top: 2px; margin-left: 2px; background: #87CEEB;">


			<table style="height: 250px; width: 450px; margin-top: 130px; margin-left: 250px; background-color: #ADD8E6; border: 6px solid #4682B4;">
				<h:form>
					<tr>
						<td colspan="2"><span
							style="text-align: center; font-size: 14px; font-family: serif; font-family: Times New Roman red-serifs;">
								<h4>
									<h:outputText value="Informe seu login" />
								</h4>
						</span></td>
					</tr>
					<tr>
						<td><h:outputText value="Login: " style="float:right; width:50px;"/></td>
						<td><h:inputText value="#{LoginMBean.usuario.login}" style="width:210px;" /></td>
					</tr>
					<tr>
						<td><h:outputText value="Senha: " style="float:right;  width:50px;" /></td>
						<td><h:inputSecret value="#{LoginMBean.usuario.senha}" style="width:210px;" /></td>
					</tr>
					<tr>
						<td colspan="2" style=" border-top: 2px solid #4682B4 ">
						<img src="images/imgLogin.png" class="img-polaroid" >
						<i class="icon-search"></i>
						</img>
				<!--	<img src="images/imgLogin.png" style="width:46px; height:44px; float:right; margin-right:130px; " /> -->
				
				
				</td>
					</tr>
					
				</h:form>
			</table>
		</div>


	</div> <!--  Fim da DIV Todo -->
</body>
</html>